<template>
	<view  style="background-color: #F8F8F8;" v-if="businessList">
		<view class="nav-back">
			<top-heigth backTitle="店铺信息"></top-heigth>
		</view>
		
		
		<view class="content-box m-t24">
			<view class="public-box m-b16">
				<view class="detail-title">
					<view class="title-box">
						<view class="line"></view>
						<h1 class="title-h1">商户介绍</h1>
					</view>
					
				</view>	
				<view class="detail-font">
					{{businessList.shopDesc}}
				</view>
				<!-- -------------- -->
				<view class="detail-title" style="margin-top: 30rpx;">
					<view class="title-box">
						<view class="line"></view>
						<h1 class="title-h1">联系商家</h1>
					</view>
				</view>
				<view class="detail-font">
					<view class="detail-font-box">
						<view class="detail-font-l">
							<span>在线联系</span>
							<uv-icon size="20" name="/static/image/shop-call.png"></uv-icon>
						</view>
						<view class="detail-font-r">
							<span>联系商家</span>
							<!-- 图标未改 -->
							<uv-icon size="20" name="/static/image/shop-phone.png"></uv-icon>
						</view>
					</view>
				</view>
				<!-- -------------- -->
				<view class="detail-title" style="margin-top: 30rpx;">
					<view class="title-box">
						<view class="line"></view>
						<h1 class="title-h1">商家资质</h1>
					</view>
				</view>
				<view class="detail-img">
					<image :src="businessList.masterCardFace" mode="aspectFit"></image>
					<image :src="businessList.masterCardBack" mode="aspectFit"></image>
				</view> 
				
			</view>
			
		</view>
	</view>
</template>

<script>
	import TopHeigth from '@/components/TopHeigth.vue'
	
	export default {
		data() {
			return {
				businessList: null,
				id: null,
			}
		},
		components: { TopHeigth },
		onLoad(e) {
			this.id = e.id
			this.businessBox()
		},
		methods: {
			//商户详情
			businessBox:function(){
				uni.$u.http.post('/api/shop/v1_0/tAppSupplierRCA/turnTAppSupplierInfo',{
					id: this.id,
				}).then((res) => {
					this.businessList = res.data
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	@mixin flex($direction: row) {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: $direction;
	}
	.uv-nav-slot {
		@include flex;
		align-items: center;
		justify-content: space-between;
		border-width: 0.5px;
		border-radius: 100px;
		border-color: #dadbde;
		padding: 3px 7px;
		opacity: 0.8;
	}
	
	
	
	
	.detail-font{
		font-size: 26rpx;
		color: #666;
		line-height: 40rpx;
		span{
			margin-right: 8rpx;
		}
	}
	/* --------------- */
	
	
	
	
	.detail-font-box{
		display: flex;
		justify-content: flex-start;
		.detail-font-l,.detail-font-r{
			display: flex;
			justify-content: flex-start;
			margin-right: 32rpx;
		}
	}
</style>
